<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<title>全民吐槽登录</title>
<meta charset="utf-8">
<link rel="icon" type="image/png" href="../staticFile/images/common/ico.png" sizes="32x32">
<link type="text/css" rel="stylesheet" href="../staticFile/css/common/common.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/ventPages/loginRegister.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/ventPages/ventLogin.css">
<script type="text/javascript" src="../staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="../staticFile/plugins/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../staticFile/js/common/CheckUtil.js"></script>
<script type="text/javascript" src="../staticFile/plugins/encryption/ventSha1.js"></script>
<script type="text/javascript" src="../staticFile/js/common/dragImgVerify.js"></script>
<script type="text/javascript" src="../staticFile/js/ventPages/ventLogin.js"></script>
</head>
<body>
<!-- 登录div -->
<div class="main-div">
    <div class="logo">
        <a href="/">全民吐<img width="48" height="48" src="../staticFile/images/common/vent.png"/>槽</a>
    </div>
    <!--密码登录-->
    <div class="pwd-login">
        <input type="hidden" id="isPassVerify"/>
        <strong>密码登录</strong>
        <div class="lf">
            <input id="userName" type="text" placeholder="请输入登录手机号">
            <input id="userPassword" type="password" placeholder="请输入登录密码">
        </div>
        <!-- 登录滑动验证 -->
        <div class="verification-code">
            <!--原始图 -->
            <div id="verifyImgSource" class="verify-img-source img"></div>
            <!--被扣掉的原始图-->
            <div id="verifyImgCut" class="verify-img-cut img"></div>
            <!--加载中小图片-->
            <div id="verifyImgLoading" class="verify-img-loading img"></div>
            <!--滑动小扣图-->
            <div id="verifyImgDrag"></div>
        </div>
        <div id="drag"></div>
        <span id="errorPrompt" class="error-msg"></span>
        <a class="forget-pwd" href="ventForgetPwd.html">忘记密码了？</a>
        <div class="lf btn-group">
            <button class="btn" id="test" onclick="javascript:history.back();">返回上一页</button>
            <button id="btnUserLogin" class="btn">登录</button>
        </div>
        <div class="other-login">
            <label>其它登录方式</label>
            <!--<a class="weChat" href="#">
                <img width="34" height="34" src="../staticFile/images/index/weChat.png">微信登录
            </a>-->
            <a id="shortMessageLogin" href="#">
                <img width="28" height="20" src="../staticFile/images/index/sms.png">短信登录
            </a>
        </div>
    </div>
    <!--短信登录-->
    <div class="short-message-login">
        <strong>短信登录</strong>
        <div class="lf">
            <input id="loginPhone" type="text" placeholder="请输入登录手机号">
            <div id="smlPhoneError" class="error-msg sml-err"></div>
            <input id="checkCode" type="text" placeholder="请输入登录验证码">
            <button id="btnGetCode" class="btn">获取验证码</button>
        </div>
        <div id="smlCheckError" class="error-msg sml-err"></div>
        <div class="lf btn-group">
            <button class="btn" onclick="javascript:history.back();">返回上一页</button>
            <button id="btnLoginByCode" class="btn">登录</button>
        </div>
        <div class="other-login">
            <label>其它登录方式</label>
            <!--<a class="weChat" href="#">
                <img width="34" height="34" src="../staticFile/images/index/weChat.png">微信登录
            </a>-->
            <a id="pwdLogin" href="#">
                <img width="20" height="20" src="../staticFile/images/index/pwd.png">密码登录
            </a>
        </div>
    </div>
    <div class="go-register">
        还没有账户？<a href="ventRegister.html">我要去注册</a>
    </div>
</div>
<!--
<div class="loading">
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
        <rect x="0" y="0" width="4" height="10" fill="#dc3545" transform="translate(0 15.1665)">
            <animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0" dur="0.6s" repeatCount="indefinite"/>
        </rect>
        <rect x="10" y="0" width="4" height="10" fill="#dc3545" transform="translate(0 11.5002)">
            <animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.2s" dur="0.6s" repeatCount="indefinite"/>
        </rect>
        <rect x="20" y="0" width="4" height="10" fill="#dc3545" transform="translate(0 1.83315)">
            <animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.4s" dur="0.6s" repeatCount="indefinite"/>
        </rect>
    </svg>
	<span id="loadingWord"></span>
</div>
<div class="page-mask"></div>-->
</body>
</html>